<%--
  Created by IntelliJ IDEA.
  User: Zhou Wenying
  Date: 2023/4/13
  Time: 18:48
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>后台首页</title>
    <link rel="stylesheet" href="/static/css/admin_style.css">
    <link type="text/css" rel="stylesheet" href="/static/layui/css/layui.css">

    <style>
        .right h2 {
            margin: 10px 0;
        }

        .right li {
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<div id="app">
    <header>
        <div style="float: left;"><img src="/static/image/loginbg.jpg" width="152px" height="55px"></div>
        <%--内置CSS3动画:layui-anim-rotate(360旋转）layui-anim-loop：循环动画--%>
        <div style="float: right;"><i class="layui-icon  layui-anim layui-anim-rotate layui-anim-loop"
                                      style="font-size: 30px; color: rgb(150, 155, 170);"></i>&nbsp; &nbsp; &nbsp;
        </div>
    </header>
    <div id="" class="main">
        <jsp:include page="/page/admin_base_left.jsp"></jsp:include>
        <div class="right">

            <blockquote class="layui-elem-quote"><%--${sessionScope.admin.adminName}--%>
                <h2>欢迎登录旧书交易平台管理系统</h2>
                <marquee vspace="15px"><%--marquee(文字滚动)标签--%>
                    <font face="宋体" size="5px" color="fuchsia">书山有路勤为径，学海无涯苦作舟</font>
                </marquee>
                <%--<div id="clock">2023/5/11 10:54:51</div>--%>
            </blockquote>
            <div class="layui-row">
                <div class="layui-col-md4">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <h2>系统介绍</h2>
                        </div>
                        <div class="layui-card-body" style="height: 250px;">
                            <ul>
                                <li>该是一个旧书交易后台管理系统,基于layui框架</li>
                                <li>风格简洁简单,有种清新脱俗之韵味</li>
                                <li>您可以通过该面板对如下信息进行管理</li>
                                <li><a href="/admin/AdminIndex" target="_blank"
                                       class="layui-btn layui-btn-radius layui-btn-normal">用&nbsp;户&nbsp;信&nbsp;息</a>
                                </li>
                                <li><a href="/admin/AdminIndex" target="_blank"
                                       class="layui-btn layui-btn-radius">书&nbsp;籍&nbsp;信&nbsp;息</a></li>
                                <li><a href="/admin/AdminIndex" target="_blank"
                                       class="layui-btn layui-btn-radius layui-btn-warm">订&nbsp;单&nbsp;信&nbsp;息</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md4">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <h2>系统使用指南</h2>
                        </div>
                        <div class="layui-card-body" style="height: 250px;">
                            <ul>
                                <li><a href="#">如何访问网站</a></li>
                                <li><a href="#">如何管理信息</a></li>
                                <li><a href="#">后台用户设置(权限)</a></li>
                                <li><a href="#">系统设置</a></li>
                                <li>当前版本: v1.0</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md4">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <h2>系统特点</h2>
                        </div>
                        <div class="layui-card-body" style="height: 250px;">
                            <ul>
                                <li>轻量级</li>
                                <li>简洁直爽</li>
                                <li>基于layui框架,上手快</li>
                                <li>支持jq/vue/layui</li>
                                <li>...</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>

<script type="text/javascript" src="/static/js/jquery-3.6.1.min.js"></script>
<script>
    /*$(document).ready(function() {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();
        var timeString = hours + ':' + minutes + ':' + seconds;
        $('#clock').html(timeString);
    });*/
</script>
